<template>
  <div class="uploadDiv">
        <input class="file" type="file" id="files" ref="refFile" @click="e => {e.target.value = '';} " v-on:change="importCsv"/>
        <el-button class="btn" size="mini"><span style="cursor: pointer">点击上传</span></el-button>
  </div>
</template>

<script>
import Papa from 'papaparse'
import {updateUserPool} from "../../request/api"
import { Form } from 'vant'
export default {
    methods:{
        importCsv(){
        let selectedFile = null
        selectedFile = this.$refs.refFile.files[0];
        if (selectedFile === undefined){
          return
        }
        console.log('selectedFile',selectedFile)
        if(selectedFile.name.split('.').pop().toLowerCase() == "csv"){
          const data = new FormData();
          data.append('csv_file',selectedFile)
            updateUserPool(data).then(res =>{
                console.log(res);
                this.$message({type:"success",message:`添加了${res.create}条，更新了${res.update}条`});
            }).catch(err =>{
              this.$message({type:'error',message:err.msg+'，'+err.errors})
            })
      }else{
          this.$message({type:"error",message:'对不起,只能传入Csv格式文件'})
          return
      }
},
// 	 importCsv(){
//         let selectedFile = null
//         selectedFile = this.$refs.refFile.files[0];
//         if (selectedFile === undefined){
//           return
//         }
//         console.log('selectedFile',selectedFile)
//         if(selectedFile.type == "text/csv"){
//         var reader = new FileReader();
//         reader.readAsDataURL(selectedFile);
//         reader.onload = evt => {
//           // 检查编码
//           // let encoding = this.checkEncoding(evt.target.result);
//           // 将csv转换成二维数组
//           Papa.parse(selectedFile, {
//             encoding:"ANSI",
//             complete: res => {
//               // UTF8 \r\n与\n混用时有可能会出问题
//               let data = res.data;
//               if (data[data.length - 1] == "") {
//                 //去除最后的空行
//                 data.pop();
//               }
//               console.log(data);  // data就是文件里面的数据
//               updateUserPool({"csv_file":data}).then(res =>{
//                 console.log(res);
//               })
//             }
//           });
//         };
//       }else{
//           this.$message({type:"error",message:'对不起,只能传入scv格式文件'})
//           return
//       }
// }
     }
}
</script>

<style scoped>
.uploadDiv{
  display: inline-block;
  width: 75px;
  height: 28px;
  background: beige;
  position: relative;
  margin-left: 10px;
}
.file {
    width: 75px;
    height: 25px;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    opacity: 0;
}
.btn{
  cursor: pointer;
}
</style>